<template>
	<div>
		<van-row class="entiretys">
			<van-col span="24">
				<van-row class="entiretys_li">
					<van-col span="6" class="entiretys_li_text">我的订单
					</van-col>
					<van-col span="12" class="entiretys_empty"></van-col>
					<van-col span="6" class="examine" @click="whole">查看全部
						<van-icon name="arrow" />
					</van-col>
				</van-row>
				<van-row class="entiretys_list">
					<van-col span="24" class="entiretys_line">
						<div class="list">
							<div class="list_icon">
								<van-icon name="balance-list" color="orange" size="26" />
							</div>
							<div class="list_text">待付款</div>
						</div>
						<div class="list">
							<div class="list_icon">
								<van-icon name="card" color="orange" size="26" />
							</div>
							<div class="list_text">待发货</div>
						</div>
						<div class="list">
							<div class="list_icon">
								<van-icon name="column" color="orange" size="26" />
							</div>
							<div class="list_text">待收货</div>
						</div>
						<div class="list">
							<div class="list_icon">
								<van-icon name="coupon" color="orange" size="26" />
							</div>
							<div class="list_text">待评价</div>
						</div>
						<div class="list">
							<div class="list_icon">
								<van-icon name="send-gift" color="orange" size="26" />
							</div>
							<div class="list_text">退款/售后</div>
						</div>
					</van-col>
				</van-row>
			</van-col>
		</van-row>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			whole(){
				this.$router.push('/AllOrders')
			}
		}
	}
</script>

<style>
	.entiretys {
		width: 90%;
		height: 15vh;
		border-radius: 10px;
		margin-left: 5%;
		box-shadow: -1px -1px 3px 2px #f3f3f3;
		margin-top: 5vh;
	}

	.entiretys_li {
		width: 100%;
		height: 5vh;
	}

	.entiretys_li_text {
		font-weight: 600;
		font-size: 15px;
		line-height: 5vh;
		text-align: center;
	}

	.entiretys_empty {
		font-weight: 600;
		font-size: 15px;
		line-height: 5vh;
	}

	.examine {
		font-size: 14px;
		line-height: 5vh;
		color: #ccc;
	}

	.entiretys_list {
		width: 100%;
		height: 10vh;
	}

	.entiretys_line {
		width: 100%;
		height: 10vh;
		display: flex;
		flex-wrap: nowrap;
	}

	.list {
		width: 20%;
		height: 10vh;
	}

	.list_icon {
		width: 100%;
		height: 5vh;
		text-align: center;
	}

	.list_text {
		width: 100%;
		height: 5vh;
		line-height: 3vh;
		font-size: 13px;
		text-align: center;
	}
</style>
